<div class="panel panel-default">
	
	<div class="panel-heading"><h5>标签 和列表显示</h5></div>
	<div class="panel-body">
		<span class="label label-default">Default</span>
		<span class="label label-primary">Primary</span>
		<span class="label label-success">Success</span>
		<span class="label label-info">Info</span>
		<span class="label label-warning">Warning</span>
		<span class="label label-danger">Danger</span>
	
		<br><br>
		<pre>代码：
		${'<span class="label label-primary">Primary</span>'?html} 
		</pre>
		
		<br><br>
	
        <dl class="dl-horizontal">
	        <dt>Description lists</dt>
	        <dd>同行注释 ，无需用table来进行排版is perfect for defining terms.</dd>
	        <dt>Euismod</dt>
	        <dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
	        <dd>Donec id elit non mi porta gravida at eget metus.</dd>
	        <dt>Malesuada porta</dt>
	        <dd>Etiam porta sem malesuada magna mollis euismod.</dd>
        </dl>
   
   
		<strong>动态显示的状态数据</strong><br>
	      <ul class="nav nav-pills">
	        <li class="active"><a href="#">Home <span class="badge">42</span></a></li>
	        <li><a href="#">Profile</a></li>
	        <li><a href="#">Messages <span class="badge">3</span></a></li>
	      </ul>
	      <br>
	      <ul class="nav nav-pills nav-stacked" style="max-width: 260px;">
	        <li class="active">
	          <a href="#">
	            <span class="badge pull-right">42</span>
	            Home
	          </a>
	        </li>
	        <li><a href="#">Profile</a></li>
	        <li>
	          <a href="#">
	            <span class="badge pull-right">3</span>
	            Messages
	          </a>
	        </li>
	      </ul>
	      <br>
	      <button class="btn btn-primary" type="button">
	        Messages <span class="badge">4</span>
	      </button>
           <br><br>
			<strong>警告信息</strong><br>
			${' <div class="alert alert-success"> <strong>Well done!</strong> </div>'?html}
			  <div class="bs-example">
			      <div class="alert alert-success">
			        <strong>Well done!</strong> You successfully read <a href="#" class="alert-link">this important alert message</a>.
			      </div>
			      <div class="alert alert-info">
			        <strong>Heads up!</strong> This <a href="#" class="alert-link">alert needs your attention</a>, but it's not super important.
			      </div>
			      <div class="alert alert-warning">
			        <strong>Warning!</strong> Best check yo self, you're <a href="#" class="alert-link">not looking too good</a>.
			      </div>
			      <div class="alert alert-danger">
			        <strong>Oh snap!</strong> <a href="#" class="alert-link">Change a few things up</a> and try submitting again.
			      </div>
			  </div>
			   
				<div class="alert alert-warning alert-dismissable">
				  <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
				  <strong>Warning!</strong> Best check yo self, you're not looking too good.
				</div>   
   
   
   
    </div>
</div>



